@charset "utf-8";
@import "./reset";

@font-face {
  font-family: "PingFang-SC";
  src: url(../fonts/PingFang-SC.ttf);
}

// 公共头部
.header {
  width: 100vw;
  height: 11.2vw;
  border-bottom: .5333vw solid #f1f3f6ff;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  font-size: 4.2667vw;
  font-weight: 400;
  font-family: "PingFang-SC";
}

// 主体区域
main {
  background-color: #f1f3f6ff;
  padding-top: 13vw;
}

// 信息
.content {
  width: 94.6667vw;
  margin: 0 auto;
  border-radius: 1.3333vw;
  background-color: #fff;

  .item {
    color: #000000ff;
    font-size: 4vw;
    font-weight: 400;
    font-family: "PingFang-SC";
    display: flex;
    justify-content: space-between;
    padding: 4.5vw 1.8667vw;

    .item-right {
      padding-right: 5.3333vw;
      font-size: 3.7333vw;

      a {
        text-decoration: none;
        color: #000000ff;
      }
    }
  }
}

// 日历
.calendar {
  .month {
    color: #000000ff;
    font-size: 4.5333vw;
    line-height: 10.9333vw;
    font-weight: 400;
    background: #fff;
    text-align: center;
  }

  .item {
    display: flex;
    flex-direction: column;
    background: #fff;

    .item-top {
      border-top: .5333vw solid #f1f3f6ff;
      display: flex;

      .date {
        width: 8vw;
        height: 8vw;
        margin: 2.1333vw 3.1413vw;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 4vw;
        color: #d4d4d4ff;
      }

      .date-one {
        width: 8vw;
        height: 8vw;
        border-radius: 8vw;
        margin: 2.1333vw 3.1413vw;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 4vw;
        background: #e3e3e3ff;
        color: #000000;
      }

      .date-two {
        border-radius: 8vw;
        background: #884e22ff;
        color: #FFFFFF;
        margin: 2.1333vw 3.1413vw;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 4vw;
        width: 8vw;
        height: 8vw;
      }

      .date-three {
        color: #000000;
        margin: 2.1333vw 3.1413vw;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 4vw;
        width: 8vw;
        height: 8vw;
      }
    }
  }
}

// 底部
.submit {
  width: 70.6667vw;
  height: 10.6667vw;
  background: #884e22ff;
  color: #fff;
  margin: 6.9333vw 14.6667vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.7333vw;
  font-weight: 400;
  font-family: "PingFang-SC";
}